<!DOCTYPE html>
<html lang="zh" xmlns:th="https://www.thymeleaf.org">
<div th:fragment="head(title,description)">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" user-scalable="no"/>
    <title th:text="${title}"/>
    <meta name="description" th:content="${description}">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!--CSS-->
    <link rel="stylesheet" th:href="@{/front/css/default.css}"/>
    <link rel="stylesheet" th:href="@{/front/css/public.css}"/>
    <link rel="stylesheet" th:href="@{/front/css/animation.css}"/>
    <link rel="stylesheet" th:href="@{/front/css/skin_1.css}"/>
    <link rel="stylesheet" th:href="@{/front/css/font-awesome.min.css}"/>
    <link rel="stylesheet" th:href="@{/front/css/swiper.css}"/>
    <link rel="stylesheet" th:href="@{/front/css/index.css}"/>
    <!--JS-->
    <script type="text/javascript" th:src="@{/front/js/jquery.min.js}"></script>
    <!-- <script type="text/javascript" src="https://tajs.qq.com/stats?sId=66398462" charset="UTF-8"></script> -->
    <script>
        $("body").append(
            "<div id=\"progress\"><span></span></div>"
        )
    </script>
    <script type="text/javascript" th:src="@{/front/js/superbg.min.js}"></script>
    <script type="text/javascript" th:src="@{/front/js/skin.js}"></script>
    <!--[if lte IE 9]>
    <script>window.location.href = 'https://cdn.dmeng.net/upgrade-your-browser.html?referrer=' + location.href;</script>
    <![endif]-->
    <script type="text/javascript" th:src="@{/front/js/index.js}"></script>
    <script type="text/javascript" th:src="@{/front/js/showtip.js}"></script>
    <script type="text/javascript" th:src="@{/front/js/hc-sticky.js}"></script>
    <script type="text/javascript" th:src="@{/front/js/swiper.min.js}"></script>
    <!--    谷歌站长平台-->
    <!-- <meta name="google-site-verification" content="bqQElyjFpbvKedA0KBqnhr-HW_2lrjYKfQ8yW_NsYB0"/> -->
    <!--    百度统计-->
    <!-- 
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?8d87b104337ffe716311a5b6e78efd28";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
     -->

</div>


<header class="myheader" th:fragment="header">
    <!--导航开始-->
    <div class="top">
        <div class="top-left">
            <!--logo部分-->
            <div class="logo">
                <a href="/">
                    <img src="/front/images/logo.png"/>
                </a>
            </div>
            <!--滚动消息-->
            <div class="web-xiaoxi">
                <i class="fa fa-volume-up"></i>
                <ul class="mulitline">
                    <li th:each="notice:${notices}" th:text="${notice.noticeTitle}"></li>
                </ul>
            </div>
            <!--手机菜单按钮-->
            <div class="mobile-nav"><i class="fa fa-list"></i><i class="fa fa-remove"></i></div>
        </div>
        <!--电脑导航开始-->
        <nav class="mynav">
           <!--  <ul class="orange-text">
                <li class=""><a href="/">首页</a></li>
                <li class='drop'>
                    <a href="JavaScript:;">分类 <i class='fa fa-chevron-down '></i></a>
                    <div class="drop-nav orange-text ">
                        <ul>
                            <li th:each="category:${categories}">
                                <a th:href="${'/f/category/'+category.categoryId+'.html'}"
                                   th:text="${category.categoryTitle}"></a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><a href="/f/archives.html">归档</a></li>
                <li><a href="/f/link.html">友链</a></li>
                <li><a href="/f/leaveComment.html">留言</a></li>
                <li><a href="/f/about.html">关于</a></li>
            </ul> -->
            
             <ul class="orange-text">
                <li th:each="func:${funcList}">
                    <a th:href="${func.url}"
                       th:text="${func.funcName}"></a>
                </li>
                <!-- <li class='drop' th:if="${curUser!=null}">
                    <a href="JavaScript:;"><span  th:text="${curUser.loginName}"  style=""></span><i class='el-chevron-down'></i></a>
                    <div class="drop-nav orange-text ">
                        <ul>
                            <li>
                                <a href="/frontLogout">退出登录</a>
                            </li>
                        </ul>
                    </div>
                </li> -->
                <li class='drop'  th:if="${curUser!=null}">
                    <a href="JavaScript:;">我的 <i class='fa fa-chevron-down '></i></a>
                    <div class="drop-nav orange-text ">
                        <ul>
                            <li>
	                             <a th:href="${'/bbs/'+loginName+'/comment.html'}" th:text="${curUser.loginName}">当前用户</a>
	                        </li>
	                        <li>
                                <a href="/king/func">博客管理</a>
                            </li>
                            <li>
                                <a href="/bbs" th:href="${'/bookmarks/list.html'}">我的收藏</a>
                            </li>
                            <li>
                                <a href="/bbs" th:href="${'/bbs/'+loginName+'/suggest.html'}">我的消息</a>
                            </li>
	                        <li>
	                             <a href="/frontLogout">退出登录</a>
	                        </li>
                        </ul>
                    </div>
                </li>
                <li th:if="${curUser==null}">
                	<a th:href = "${'/bbs/front/toLogin?toPage='+toPage}">
		                <img class="img-circle"
		                     src="/front/images/default_head_img.gif"
		                     alt="登录" title="登录" style="margin-top: 12px;">
		          	 </a>
                </li>
            </ul>
            
            
            <!--移动的滑动-->
            <div class="move-bg"></div>
            <!--移动的滑动 end-->
        </nav>
        <!--登录-->
        <!-- <div class="vip" style="width: 4%;float: right;text-align: right;">
            <a href="/bbs/front/toLogin">
                <img class="img-circle"
                     src="/front/images/default_head_img.gif"
                     alt="登录" title="登录" style="margin-top: 17px;">
            </a>
        </div> -->
        <!--手机导航-->
        <div class="mob-menu">
            <!--手机下拉菜单-->
            <ul class="mob-ulnav">
                <!-- <li><a href="/">首页</a></li>
                <li class='mob-drop'>
                    <a href="javascrip:;">分类<i></i></a>
                    <ul class="mob-dropmenu">
                        <li th:each="category:${categories}">
                            <a th:href="${'/f/category/'+category.categoryId+'.html'}"
                               th:text="${category.categoryTitle}"></a>
                        </li>
                    </ul>
                </li>
                <li><a href="/f/archives.html">归档</a></li>
                <li><a href="/f/link.html">友链</a></li>
                <li><a href="/f/leaveComment.html">留言</a></li>
                <li><a href="/f/about.html">关于</a></li>
                 <li><a href="/f/images.html">图片</a></li> -->
                 
                 <li th:each="func:${funcList}">
                    <a th:href="${func.url}"
                       th:text="${func.funcName}"></a>
                </li>
                <!-- <li class='drop' th:if="${curUser!=null}">
                    <a href="JavaScript:;"><span  th:text="${curUser.loginName}"  style=""></span><i class='el-chevron-down'></i></a>
                    <div class="drop-nav orange-text ">
                        <ul>
                            <li>
                                <a href="/frontLogout">退出登录</a>
                            </li>
                        </ul>
                    </div>
                </li> -->
                <li class='mob-drop'  th:if="${curUser!=null}">
                    <a href="javascrip:;">我的<i></i></a>
                    <ul class="mob-dropmenu">
                     	<li>
                             <a th:href="${'/bbs/'+loginName+'/comment.html'}" th:text="${curUser.loginName}">当前用户</a>
                        </li>
                        <li>
                            <a href="/king/func">博客管理</a>
                        </li>
                        <li>
                            <a href="/bbs" th:href="${'/bookmarks/list.html'}">我的收藏</a>
                        </li>
                        <li>
                            <a href="/bbs" th:href="${'/bbs/'+loginName+'/suggest.html'}">我的消息</a>
                        </li>
                        <li>
                             <a href="/frontLogout">退出登录</a>
                        </li>
                    </ul>
                </li>
                <li th:if="${curUser==null}">
                	<a th:href = "${'/bbs/front/toLogin?toPage='+toPage}">
		                <img class="img-circle"
		                     src="/front/images/default_head_img.gif"
		                     alt="登录" title="登录" style="margin-top: 12px;">
		          	 </a>
                </li>
            </ul>
        </div>
    </div>
    <!--导航结束-->
</header>


<!---底部开始-->
<footer th:fragment="footer" style="">
    <!--底部导航-->
    <div class="foot-nav">
        <div class="copy-right"><span>CopyRight &#169; 2008-2019 King &#160;</span></div>
        <div>
            <span>
                 QQ:909074489-邮箱:ls909074489@163.com
            </span>
        </div>
    </div>
    <div id="toTop">返回顶部</div>
    <script>
        /* 鼠标特效 */
        // var a_idx = 0;
        // jQuery(document).ready(function ($) {
        //     $("body").click(function (e) {
        //         var a = new Array("❤富强❤", "❤民主❤", "❤文明❤", "❤和谐❤", "❤自由❤", "❤平等❤", "❤公正❤", "❤法治❤", "❤爱国❤", "❤敬业❤", "❤诚信❤", "❤友善❤");
        //         var $i = $("<span></span>").text(a[a_idx]);
        //         a_idx = (a_idx + 1) % a.length;
        //         var x = e.pageX,
        //             y = e.pageY;
        //         $i.css({
        //             "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
        //             "top": y - 20,
        //             "left": x,
        //             "position": "absolute",
        //             "font-weight": "bold",
        //             "color": "rgb(" + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + "," + ~~(255 * Math.random()) + ")"
        //         });
        //         $("body").append($i);
        //         $i.animate({
        //                 "top": y - 180,
        //                 "opacity": 0
        //             },
        //             1500,
        //             function () {
        //                 $i.remove();
        //             });
        //     });
        // });
        /**
         * 隐藏加载条
         */
        $({property: 0}).animate({property: 100}, {
            duration: 3000,
            step: function () {
                var percentage = Math.round(this.property);
                $('#progress').css('width', percentage + "%");
                if (percentage == 100) {
                    $("#progress").addClass("done");//完成，隐藏进度条
                }
            }
        });
        //站长推送
        /* (function () {
            var bp = document.createElement('script');
            var curProtocol = window.location.protocol.split(':')[0];
            if (curProtocol === 'https') {
                bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
            } else {
                bp.src = 'http://push.zhanzhang.baidu.com/push.js';
            }
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(bp, s);
        })(); */
    </script>
</footer>

<aside class="myaside" th:fragment="side">
    <!--个人信息-->
    <div class="web-author bg-color animation-div">
        <div class="author-tx">
            <a class="img-circle" href="/f/about.html" title="点击查看详细信息">
                <img class="img-circle" src="/front/images/headimg.png"/>
            </a>
        </div>
        <div class="author-name"><span class="blue-text">ls2008</span>
            <p></p>
        </div>
    </div>
    <div class="clos-new bg-color animation-div">
        <ul>
            <li>
                <i class="fa fa-cloud"></i>
                <iframe id="tianqi" scrolling="no" frameborder="0" allowtransparency="true"
                        src="https://i.tianqi.com/index.php?c=code&id=34&icon=1&num=3"></iframe>
            </li>
        </ul>
    </div>
    <!--关注我-->
    <div class="focus-me bg-color animation-div">
        <h4 class="index-title"><i class="fa fa-heart"></i>关注我
            <small>Focus Me</small>
        </h4>
        <div class="xiangguan">
            <div>
                <a class="benbo"
                   href="mailto:909074489@qq.com" rel="nofollow" target="_blank">
                    <i class="fa fa-envelope fa-spin"></i>
                </a>
                <span>邮件</span>
            </div>
            <div>
                <a class="alipay-btn" href="javascript:;">
                    <i class="fa fa-skyatlas  fa-spin"></i>
                </a>
                <span>支付宝</span></div>
            <div>
                <a class="mail-btn" href="javascript:;">
                    <i class="fa fa-wechat fa-spin"></i></a>
                <span>微信</span>
            </div>
        </div>
        <div class="alipay-dy">
            <img src="/front/images/alipay.png">
            <i class="fa fa-remove fx-close"></i>
        </div>
        <div class="mail-dy">
            <img src="/front/images/weichat.png">
            <i class="fa fa-remove fx-close"></i>
        </div>
    </div>
    <!--搜索-->
    <div class="search animation-div">
        <form action="/search" method="get" id="searchForm">
            <div class="search-index">
                <input name="search_word" id="search_word" type="text" placeholder="请输入关键字"
                       onfocus="this.placeholder=''"
                       onblur="this.placeholder='请输入关键字'"/>
                <i class="fa fa-search"><input id="search" value=" " type="submit"/></i>
            </div>
            <script>
                $("#search").click(function () {
                    $("#searchForm").attr("action", "/bbs/front/search/[[${loginName}]].html");
                });
            </script>
        </form>
    </div>
    <!--文章排行tab-->
    <div class="mytab bg-color animation-div">
        <h4 class="index-title">
            <i class="fa fa-signal"></i>点击排行
            <small> Article Ranking</small>
        </h4>
        <ul class="paihang-ul" style="display: block;">
            <li th:each="blog:${blogRanking}">
                <span></span>
                <a th:href="${'/f/article/'+blog.blogId+'.html'}" th:title="${blog.title}"
                   th:utext="${blog.title+'<b>('+blog.click+')</b>'}"></a>
            </li>
        </ul>
    </div>
    <!--推荐图文-->
    <div class="article-push  bg-color animation-div">
        <h4 class="index-title">
            <i class="fa  fa-thumbs-up"></i>推荐图文
            <small>Push Article</small>
        </h4>
        <ul>
            <li th:each="blog:${supportBlog}">
                <div class="arcimg ">
                    <a th:href="${'/f/article/'+blog.blogId+'.html'}" target="_blank">
                        <img th:src="${blog.headerImg}" th:alt="${blog.title}"
                             th:title="${blog.title}">
                    </a>
                </div>
                <div class="arc-right">
                    <h4 class="blue-text"><a th:href="${'/f/article/'+blog.blogId+'.html'}" th:text="${blog.title}"></a>
                    </h4>
                    <p th:text="${blog.summary}"></p>
                    <ul>
                        <li>
                            <a th:title="${'发表于'+#dates.format(blog.createTime, 'MM-dd hh:mm')}">
                                <i class="fa fa-clock-o"></i><span
                                    th:text="${#dates.format(blog.createTime, 'MM-dd hh:mm')}"></span>
                            </a>
                        </li>
                        <li><a th:title="${blog.click+'次浏览'}"><i class="fa fa-fire"></i><span
                                th:text="${blog.click}"></span> </a></li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
    <!--标签-->
    <div class="cloud bg-color animation-div">
        <h4 class="index-title"><i class="fa fa-tags"></i>标签云
            <small>Tags Clouds</small>
        </h4>
        <ul id="3dcloud">
            <li th:each="tag,tagStat:${tags}">
                <a th:class="${'tstyle-'+tagStat.count%4+1}" th:href="${'/f/tag/'+tag.tagId+'.html'}"
                   th:title="${'标签：'+tag.tagTitle}" th:text="${tag.tagTitle+' ('+tag.count+')'}">
                </a>
            </li>
        </ul>
    </div>
    <!--友情链接-->
    <div class="side-link ">
        <h4 class="index-title"><i class="fa fa-paperclip"></i>友情链接
            <small>Friend Links</small>
            <!-- <a href="/f/link.html">
            	<i class="fa fa-plus"></i>申请
            </a> -->
        </h4>
        <ul>
            <li th:each="link:${links}">
                <a th:class="${'tstyle-'+(linkStat.index+1)%5}"
                   th:href="${'/f/linkRedirect?ref='+link.url+'&id='+link.linkId}"
                   target="_blank" th:title="${link.title}" th:text="${link.title}">娱乐</a>
            </li>
        </ul>
    </div>
    <!--文章目录-->
    <div class="directory mob-hidden " id="Catalog_box" th:if="${blog!=null}">
        <h4 class="index-title"><i class="fa fa-book fa-fw icon"></i>文章目录
            <small> Article Directory</small>
        </h4>
        <div style="width: 300px;" class="">
            <div id="toolbar">
                <div id="toolbar-c"></div>
            </div>
        </div>
    </div>
</aside>

<!---底部开始-->
<sidebar th:fragment="sidebar">
    <div id="sideBarDiv" class="jdc-side" style="display: block;">
	  <!-- <div class="mod_hang_qrcode jdc_feedback_qrcode">
	    <div class="mod_hang_qrcode_btn"><i class="jdcfont"></i><span>扫码反馈</span></div>
	    <div class="mod_hang_qrcode_show">
	      <div class="mod-qr-tips"></div>
	      <div class="mod_hang_qrcode_show_bg">
	        <div id="canvas" style="height: 123px; width: 123px;"><img src="../../img/qr_img.png"></div>
	      </div>
	      <p>扫一扫，反馈当前页面</p>
	    </div>
	  </div> -->
       <div class="mod_hang_qrcode jdc_feedback_qrcode">
            <div id="closeSidebar" class="mod_hang_qrcode_btnXXX"><span>X关闭</span></div>
       </div>
	  <div class="mod_hang_qrcode jdc_hang_qrcode">
	  	<a class="mod_hang_qrcode_btn"><i class="jdcfont"></i><span>扫码支持</span></a>
	    <div class="mod_hang_qrcode_show">
	      <div class="mod_hang_qrcode_show_bg_king">
	      	<img src="/front/images/alipay.png" style="width: 124px; height: 124px;">
	      </div>
	      <p>支付宝</p>
	      <div class="mod_hang_qrcode_show_bg_king">
	      	<img src="/front/images/weichat.png" style="width: 124px; height: 124px;">
	      </div>
	      <p>微信</p>
	    </div>
	  </div>
	  <div class="mod_hang_appeal">
	    <div class="mod_hang_appeal_btn"><i class="jdcfont"></i> <span>咨询反馈</span></div>
	    	<div class="mod_hang_appeal_show">
	    		<ul>
			        <li>
			        	<div class="text_box" style="width: 100%;">
			        		<p style="margin-top: 0px;">建议和帮助</p>
			        		<textarea rows="2" id="sidebarSuggestText" cols="" style="width: 98%;margin-right: 5px;"></textarea>
				            <p style="text-align: right;margin-top: 0px;margin-right: 5px;">
				            	<input type="button" value="提交   " id="sidebarSuggestBtn"/>
				            </p>
				        </div>
			        </li>
			        <!-- <li><a href="#" target="_blank">
			          <div class="icon_box" style="width: 250px;">
			          	<textarea rows="2" cols="" style="width: 100%;"></textarea>
			          </div>
			          <div class="text_box" style="text-align: right;width: 50px;">
			            <input type="button" value="提交   " style="height: 45px;"/>
			          </div>
			          </a></li> -->
		        </ul>
	    	</div>
	    
	    <!-- <div class="mod_hang_appeal_show">
	      <ul>
	        <li><a href="#" target="_blank">
	          <div class="icon_box"><i class="jdcfont"></i></div>
	          <div class="text_box">
	            <h5>人工客服</h5>
	            <p>7*12 专业客服，服务咨询</p>
	          </div>
	          </a></li>
	        <li id="entry"><a href="#" target="_blank" class="f-cb">
	          <div class="icon_box"><i class="jdcfont"></i></div>
	          <div class="text_box">
	            <h5>工单服务</h5>
	            <p>7*24全时处理，技术支持</p>
	          </div>
	          </a></li>
	        <li><a href="#" target="_blank" class="f-cb">
	          <div class="icon_box"><i class="jdcfont"></i></div>
	          <div class="text_box">
	            <h5>投诉建议</h5>
	            <p>倾耳聆听，一个工作日内及时处理</p>
	          </div>
	          </a></li>
	      </ul>
	    </div> -->
	  </div>
	  <div class="mod_hang_qrcode mod_hang_top" style="margin: 0px 0 0;"><a href="#" class="mod_hang_qrcode_btn"><i class="jdcfont"></i><span>返回顶部</span></a></div>
	  <div class="el-dialog__wrapper" style="display: none;">
	    <div class="el-dialog el-dialog--small" style="top: 15%;">
	      <div class="el-dialog__header"><span class="el-dialog__title"></span>
	        <div type="button" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></div>
	      </div>
	      </div>
	  </div>
	</div>
	 <script>
         $(function () {
             //关闭按钮点击
             $("#closeSidebar").click(function () {
                $("#sideBarDiv").hide();
             });
         });

         $("#sidebarSuggestBtn").click(function () {
             $.ajax({
                 type: "POST",
                 url: "/king/suggest/add",
                 data: {"content": $("#sidebarSuggestText").val()},
                 dataType: "json",
                 success: function (data) {
              	   console.info(data);
              	   if (data.code == 200) {
                         //$(".mod_hang_appeal_show").hide();
                         layer.msg(data.msg, {icon: 1});
                     } else {
                         layer.msg(data.msg, {icon: 2});
                     }
                 },
                 error: function (jqXHR) {
              	   layer.msg('发送错误：' + jqXHR.status);
                 },
             });
         });
     </script>
</sidebar>

<!--打赏start-->
<dashang th:fragment="dashang">
    <div class="hide_box"></div>
    <div class="shang_box">
        <a class="shang_close" href="javascript:void(0)" onclick="dashangToggle();"><img
                src="/front/images/close.jpg" alt="取消"></a>
        <img class="shang_logo" src="/front/images/logo.png" alt="King 的个人博客"/>
        <div class="shang_tit">
            <p>感谢</p>
        </div>
        <div class="shang_payimg">
            <img src="/front/images/alipay.png" alt="扫码查看" title="扫一扫">
        </div>
        <div class="shang_payselect">
            <div class="pay_item checked" data-id="alipay">
                <span class="radiobox"></span>
                <span class="pay_logo"><img src="/front/images/alipay-logo.jpg" alt="支付宝"></span>
            </div>
            <div class="pay_item" data-id="weipay">
                <span class="radiobox"></span>
                <span class="pay_logo"><img src="/front/images/wechat-logo.jpg" alt="微信"></span>
            </div>
        </div>
    </div>
    <!-- 手机端 -->
    <div class="shang_box_wap">
        <a class="shang_close" href="javascript:void(0)" onclick="dashangToggle();"><img
                src="/front/images/close.jpg"
                alt="取消"/></a>
        <div class="shang_tit" style="display: inline-block;height: 55px;">
            <p>感谢您的支持，我会继续努力的!</p>
        </div>
        <div style="font-size: 16px;">
            <label>
                <input type="radio" name="payType"  value="alipay" checked="checked">支付宝
            </label>
            <label>
                <input type="radio" name="payType"  value="wxpay">微信
            </label>
        </div>
        <div class="shang_payimg">
            <img src="/front/images/alipay.png" alt="扫码查看"
                 title="扫一扫"/>
            <!--<img src="/front/images/weichat.png" alt="微信"/>-->
        </div>
        <div class="pay_explain">长按二维码打赏，你说多少就多少</div>
        <!--<div class="shang_payselect">
          <div class="pay_item checked" data-id="alipay">
               <span class="radiobox"></span>
               <span class="pay_logo">
               <img src="/front/images/alipay.png" alt="支付宝"/></span>
           </div>
           <div class="pay_item" data-id="weipay">
               <span class="radiobox"></span>
               <span class="pay_logo">
               <img src="/front/images/weichat.png" alt="微信"/></span>
           </div>
       </div>-->
    </div>
    <script>
        $(function () {
            $(".pay_item").click(function () {
                $(this).addClass('checked').siblings('.pay_item').removeClass('checked');
                var dataid = $(this).attr('data-id');
                $(".shang_payimg img").attr("src", dataid == "alipay" ? "/front/images/alipay.png" : "/front/images/weichat.png");
                $("#shang_pay_txt").text(dataid == "alipay" ? "支付宝" : "微信");
            });

            $('input[type=radio][name=payType]').change(function() {
                if (this.value == 'wxpay') {
                    $(".shang_payimg img").attr("src", "/front/images/weichat.png");
                    $("#shang_pay_txt").text("微信");
                }else{
                    $(".shang_payimg img").attr("src", "/front/images/alipay.png");
                    $("#shang_pay_txt").text("支付宝");
                }
            });
        });

        function dashangToggle() {
            $(".hide_box").fadeToggle();
            var is_pc = IsPC();
            if (is_pc == true) {
                $(".shang_box").fadeToggle();
            } else {
                $(".shang_box_wap").fadeToggle();
            }
        }

        // 判断是不是手机端
        function IsPC() {
            var userAgentInfo = navigator.userAgent;
            var Agents = ["Android", "iPhone",
                "SymbianOS", "Windows Phone",
                "iPad", "iPod"];
            var flag = true;
            for (var v = 0; v < Agents.length; v++) {
                if (userAgentInfo.indexOf(Agents[v]) > 0) {
                    flag = false;
                    break;
                }
            }
            return flag;
        }
    </script>
</dashang>
<!--打赏end-->

<!--音乐播放器start-->
<musicplay th:fragment="musicplay">
    <div id="player3"></div>
    <script>
        $(function () {
            var zp3 = new zplayer({
                element: document.getElementById("player3"),
                autoPlay: 0,/*是否开启自动播放,默认false*/
                lrcStart: 1,/*是否开启歌词功能 ，默认false（为true时musics集合中需要传入lrc字段。）*/
                showLrc: 1,/*开启歌词功能后是否展示歌词内容 ，默认false*/
                fixed:1, /*是否固定在底部，默认false*/
                listFolded:1, /*列表是否折叠，默认false*/
                listMaxHeight:300, /*列表最大高度，默认240*/
                musics: [{
                    title: "讲真的",
                    author: "曾惜",
                    url: "http://music.163.com/song/media/outer/url?id=30987293.mp3",
                    pic: "http://p1.music.126.net/cd9tDyVMq7zzYFbkr0gZcw==/2885118513459477.jpg?param=300x300",
                    lrc:"[by:却连一句我爱你都不能说出口]\n[ti:讲真的]\n[ar:曾惜]\n[al:不要你为难]\n[by:冰城离殇]\n[00:00] 作曲 : 何诗蒙\n[00:01] 作词 : 黄然\n[00:18]今夜特别漫长\n[00:21]有个号码一直被存放\n[00:25]源自某种倔强\n[00:30]不舍删去又不敢想\n[00:33]明明对你念念不忘\n[00:37]思前想后愈发紧张\n[00:41]无法深藏\n[00:43]爱没爱过想听你讲\n[00:48]讲真的\n[00:51]会不会是我 被鬼迷心窍了\n[00:54]敷衍了太多 我怎么不难过\n[00:58]要你亲口说 别只剩沉默\n[01:03]或许你早就回答了我\n[01:06]讲真的\n[01:08]想得不可得 是最难割舍的\n[01:11]各自好好过 也好过一直拖\n[01:15]自作多情了 好吧我认了\n[01:19]至少能换来释怀洒脱\n[01:23]没丢失掉自我\n[01:42]今夜特别漫长\n[01:44]有个号码一直被存放\n[01:49]源自某种倔强\n[01:53]不舍删去又不敢想\n[01:57]明明对你念念不忘\n[02:01]思前想后愈发紧张\n[02:05]无法深藏\n[02:08]爱没爱过想听你讲\n[02:13]讲真的\n[02:15]会不会是我 被鬼迷心窍了\n[02:19]敷衍了太多 我怎么不难过\n[02:23]要你亲口说 别只剩沉默\n[02:27]或许你早就回答了我\n[02:30]讲真的\n[02:32]想得不可得 是最难割舍的\n[02:35]各自好好过 也好过一直拖\n[02:40]自作多情了 好吧我认了\n[02:44]至少能换来释怀洒脱\n[02:47]没丢失掉自我\n[03:04]讲真的\n[03:05]会不会是我 被鬼迷心窍了\n[03:09]敷衍了太多 我怎么不难过\n[03:14]要你亲口说 别只剩沉默\n[03:18]或许你早就回答了我\n[03:21]讲真的\n[03:22]想得不可得 是最难割舍的\n[03:26]各自好好过 也好过一直拖\n[03:30]自作多情了 好吧我认了\n[03:35]至少能换来释怀洒脱\n[03:38]没丢失掉自我\n"
                },{
                    title: "学猫叫",
                    author: "小潘潘",
                    url: "http://music.163.com/song/media/outer/url?id=554191055.mp3",
                    pic: "http://p1.music.126.net/D1Ov-XMAwUzsr16mQk95fA==/109951163256119128.jpg?param=300x300",
                    lrc: "[00:00.00] 作曲 : 小峰峰[00:01.00] 作词 : 小峰峰[00:05.03]编曲：吕宏斌&塞米七[00:05.28]和声：小峰峰[00:05.45]混音：陈秋洁[00:05.63]制作人：小峰峰[00:05.85]唱片：麦袭时代[00:06.40]OP：百纳娱乐[00:06.93][00:07.96]小潘潘：[00:08.31]我们一起学猫叫[00:10.58]一起喵喵喵喵喵[00:12.60]在你面前撒个娇[00:14.71]哎呦喵喵喵喵喵[00:16.77]我的心脏砰砰跳[00:18.85]迷恋上你的坏笑[00:21.31]你不说爱我我就喵喵喵[00:24.10][00:24.75]小峰峰：[00:26.17]每天都需要你的拥抱[00:29.08]珍惜在一起的每分每秒[00:33.35]你对我多重要[00:35.21]我想你比我更知道[00:38.00]你就是我的女主角[00:41.34][00:41.80]小潘潘：[00:42.80]有时候我懒的像只猫[00:45.69]脾气不好时又张牙舞爪[00:50.10]你总是温柔的[00:51.96]能把我的心融化掉[00:54.65]我想要当你的小猫猫[00:59.93][01:00.38]合：[01:00.70]我们一起学猫叫[01:02.69]一起喵喵喵喵喵[01:04.72]在你面前撒个娇[01:06.81]哎呦喵喵喵喵喵[01:08.82]我的心脏砰砰跳[01:10.79]迷恋上你的坏笑[01:13.42]你不说爱我我就喵喵喵[01:16.86][01:17.23]我们一起学猫叫[01:19.30]一起喵喵喵喵喵[01:21.45]我要穿你的外套[01:23.55]闻你身上的味道[01:25.62]想要变成你的猫[01:27.68]赖在你怀里睡着[01:30.17]每天都贪恋着你的好[01:33.85][01:50.67]小潘潘：[01:51.73]有时候我懒的像只猫[01:54.62]脾气不好时又张牙舞爪[01:58.95]你总是温柔的[02:01.07]能把我的心融化掉[02:03.62]我想要当你的小猫猫[02:07.97][02:09.19]合：[02:09.49]我们一起学猫叫[02:11.49]一起喵喵喵喵喵[02:13.55]在你面前撒个娇[02:15.55]哎呦喵喵喵喵喵[02:17.72]我的心脏砰砰跳[02:19.77]迷恋上你的坏笑[02:22.28]你不说爱我我就喵喵喵[02:26.01][02:26.21]我们一起学猫叫[02:28.30]一起喵喵喵喵喵[02:30.30]我要穿你的外套[02:32.38]闻你身上的味道[02:34.58]想要变成你的猫[02:36.56]赖在你怀里睡着[02:39.02]每天都贪恋着你的好[02:42.40][02:42.85]我们一起学猫叫[02:44.84]一起喵喵喵喵喵[02:46.89]在你面前撒个娇[02:49.02]哎呦喵喵喵喵喵[02:51.14]我的心脏砰砰跳[02:53.32]迷恋上你的坏笑[02:55.75]你不说爱我我就喵喵喵[02:59.12][02:59.47]我们一起学猫叫[03:01.59]一起喵喵喵喵喵[03:03.66]我要穿你的外套[03:05.82]闻你身上的味道[03:07.88]想要变成你的猫[03:09.98]赖在你怀里睡着[03:12.37]每天都贪恋着你的好"
                },{
                    title: "暧昧",
                    author: "薛之谦",
                    url: "http://music.163.com/song/media/outer/url?id=471385043.mp3",
                    pic: "http://p1.music.126.net/fNbj5uDwltSDLbETdnEYYQ==/109951163069265719.jpg?param=300x300",
                    lrc: "[00:00.00] 作曲 : 薛之谦[00:01.00] 作词 : 薛之谦[00:14.800]反正现在的感情 都暧昧[00:20.130]你大可不必为难 找般配[00:24.820]付出过的人排队 谈体会[00:29.290]趁年轻别害怕一个人睡[00:34.170]可能是现在感情 太昂贵[00:39.080]让付出真心的人 好狼狈[00:43.950]还不如听首情歌 的机会 忘了谁[00:54.880]感情像牛奶一杯 越甜越让人生畏[01:04.320]都早有些防备 润色前的原味[01:13.350]所以人们都拿起咖啡 把试探放在两人位[01:23.860]距离感一对 就不必再赤裸相对[01:31.820]反正现在的感情 都暧昧[01:36.590]你大可不必为难 找般配[01:41.500]付出过的人排队 谈体会[01:46.150]弃之可惜 食而无味[01:51.080]可能是现在感情 太珍贵[01:55.630]让付出真心的人 好疲惫[02:00.600]谁不曾用过卑微的词汇 想留住谁[02:49.110]还贪恋着衣衫昂贵 却输给了廉价香水[02:59.080]他先诱你入位 还刻意放低了分贝[03:08.310]可感情越爱越妩媚 像烂掉的苹果一堆[03:17.980]连基因都不对 还在意什么鱼腥味[03:27.020]反正现在的感情 都暧昧[03:31.720]你大可不必为难 找般配[03:36.500]何必给自己沉迷 的机会[03:41.280]不如用误会来结尾[03:46.320]反正现在的我们 算暧昧[03:50.570]我愿意给的感情 请浪费[03:55.740]反正流过的眼泪 难收回[04:00.310]就别再安慰[04:05.450]看你入眠的侧脸 有多美[04:10.820]和你丢下的一切 好匹配[04:16.870]我还以为我能 多狼狈[04:23.090]我自以为[04:29.150]制作人：郑伟[04:30.160]编曲：薛之谦 郑伟[04:31.190]混音：郑伟[04:31.940]大提琴：周润青[04:32.730]女声：孟楠[04:33.430]合音：薛之谦 张石狄[04:34.190]录音：莫家伟[04:34.930]母带：Chris Gehringer"
                },{
                    title: "莎啦啦",
                    author: "蒋雪璇",
                    url: "http://music.163.com/song/media/outer/url?id=537510674.mp3",
                    pic: "http://p1.music.126.net/t633x_KG8Zcd6SNf7xZdYA==/109951163142569560.jpg?param=300x300",
                    lrc: "[00:00.00] 作曲 : 蒋雪璇[00:01.00] 作词 : 蒋雪璇[00:04.43]编曲：伍华/江潮[00:05.34]录音：Ethan/付威[00:06.30]混音：Ethan[00:07.23]和声：常玮[00:08.08]制作人：伍华[00:08.97]监制：潇喆Sean[00:09.89]OP：腾研国际[00:11.30]夕阳西下 蝴蝶回家[00:16.24]落叶惊风 缠绵飘荡[00:21.09]黑幕拉下 光阴睡下[00:26.21]你要去哪 带上我吧吧吧吧吧[00:32.14]你说希望陪我到老[00:34.57]就算撒娇变成唠叨[00:37.09]就算无法轻盈舞蹈[00:39.60]爱的小船也不会抛锚[00:41.89]你说我是你命中的妖[00:44.45]才会让你神魂颠倒[00:46.86]你要和我唱一曲歌谣[00:49.32]忘记糟糕忘掉烦恼[00:54.43]wosha shalala la[00:56.89]wosha shalala[00:59.34]wosha shalala la[01:01.89]wosha shalala[01:04.32]wosha shalala la[01:06.72]wosha shalala[01:09.15]wosha shalala la[01:11.71]wosha shalala la la[01:35.48]咖啡奶茶 多味情话[01:40.42]淡淡眼妆 相思相望[01:45.39]心事绵长 指尖微凉[01:50.39]把我送送送送给你啦[01:56.20]我们一起去无人小岛[01:58.69]像退江湖般的逍遥[02:01.16]养个猫猫 种个花草[02:03.25]有你在就不觉得无聊[02:06.07]一起吃早餐吃到夜宵[02:08.64]你身强体壮我心灵手巧[02:11.18]管那野兽卖弄风骚[02:13.50]不用担心你被她带跑[02:16.02]wosha shalala la[02:18.52]wosha shalala[02:21.03]wosha shalala la[02:23.51]wosha shalala[02:25.92]wosha shalala la[02:28.38]wosha shalala[02:30.94]wosha shalala la[02:33.35]wosha shalala[02:35.77]wosha shalala la[02:38.32]wosha shalala[02:40.80]wosha shalala la[02:43.26]wosha shalala[02:45.69]wosha shalala la[02:48.17]wosha shalala[02:50.61]wosha shalala la[02:53.11]wosha shalala la la[02:57.39]"
                },{
                    title: "That Girl",
                    author: "Olly Murs",
                    url: "http://music.163.com/song/media/outer/url?id=440208476.mp3",
                    pic: "http://p1.music.126.net/_dPhSlbDz23MjXUEYeBGRw==/18820340533734696.jpg?param=300x300",
                    lrc: "[by:刺客辣条之法与鲨][00:00.00]There's a girl but I let her get away[00:05.40]It's all my fault cause pride got in the way[00:11.40]And I'd be lying if I said I was ok[00:16.00]About that girl the one I let get away[00:21.00]I keep saying no[00:23.00]This can't be the way we're supposed to be[00:26.00]I keep saying no[00:29.00]There's gotta be a way to get you close to me[00:31.00]Now I know you gotta[00:33.490]Speak up if you want somebody[00:36.490]Can't let him get away, oh no[00:38.490]You don't wanna end up sorry[00:41.490]The way that I'm feeling everyday[00:43.490](Don't you know)[00:44.00]No no no no[00:46.490]There's no home for the broken heart[00:50.490](Don't you know)[00:50.00]No no no no[00:52.490]There's no home for the broken[00:53.490]There's a girl but I let her get away[00:59.490]It's my fault cause I said I needed space[01:04.490]I've been torturing myself night and day[01:10.490]About that girl, the one I let get away[01:15.490]I keep saying no[01:17.490]This can't be the way it was supposed to be[01:20.490]I keep saying no[01:23.490]There's gotta be a way to get you[01:24.490]There's gotta be a way to get you[01:25.490]Close to me[00:26.490]You gotta[01:27.490]Speak up if you want somebody[01:30.490]Can't let him get away, oh no[01:32.490]You don't wanna end up sorry[01:35.490]The way that I'm feeling everyday[01:37.490](Don't you know)[01:38.490]No no no no[01:40.490]There's no home for the broken heart[01:42.490](Don't you know)[01:43.490]No no no no[01:45.490]There's no home for the broken[01:48.490]No home for me[01:51.490]No home cause I'm broken[01:53.490]No room to breathe[01:55.490]And I got no one to bla-ame[01:59.490]No home for me[02:02.490]No home cause I'm broken[02:03.490]About that girl[02:05.490]The one I let get away[02:09.490]So you better[02:10.490]Speak up if you want somebody[02:13.490]You can't let him get away oh no[02:16.490]You dont wanna end up sorry[02:18.490]The way that I'm feeling everyday[02:20.490](Don't you know)[02:21.490]No no no no[02:23.490]There's no home for the broken heart[02:26.00](Don't you know)[02:26.490]No no no no[02:29.00]There's no home for the broken[02:31.490]Oh[02:32.490]You don't wanna lose at love[02:34.490]It's only gonna hurt too much[02:37.00]I'm telling you[02:37.490]You don't wanna lose at love[02:40.00]It's only gonna hurt too much[02:42.490]I'm telling you[02:43.490]You don't wanna lose at love[02:45.490]Cause There's no home for the broken heart[02:47.490]About that girl[02:49.490]The one I let get away"
                },{
                    title: "云烟成雨",
                    author: "房东的猫",
                    url: "http://music.163.com/song/media/outer/url?id=513360721.mp3",
                    pic: "http://p1.music.126.net/DSTg1dR7yKsyGq4IK3NL8A==/109951163046050093.jpg?param=300x300",
                    lrc: "[00:00] 作曲 : 少年佩\n[00:01] 作词 : 墨鱼丝\n[00:11]制作人：黎偌天\n[00:12]编曲：黎偌天\n[00:13]监制：李纤橙\n[00:14]\n[00:18]你的晚安 是下意识的恻隐\n[00:24]我留至夜深 治疗失眠梦呓\n[00:30]那封手写信 留在行李箱底\n[00:36]来不及 赋予它旅途的意义\n[00:43]若一切 都已云烟成雨\n[00:49]我能否 变成淤泥\n[00:52]再一次 沾染你\n[00:55]若生命 如过场电影\n[01:01]Oh让我再一次 甜梦里惊醒\n[01:13]我多想再见你\n[01:15]哪怕匆匆一眼就别离\n[01:19]路灯下昏黄的剪影\n[01:22]越走越漫长的林径\n[01:25]我多想再见你\n[01:28]至少玩笑话还能说起\n[01:32]街巷初次落叶的秋分\n[01:35]渐行渐远去的我们\n[01:53]若一切 都已云烟成雨\n[01:59]我能否 变成淤泥\n[02:01]再一次 沾染你\n[02:05]若生命 如过场电影\n[02:10]Oh让我再一次 甜梦里惊醒\n[02:19]我多想再见你\n[02:21]哪怕匆匆一眼就别离\n[02:26]路灯下昏黄的剪影\n[02:28]越走越漫长的林径\n[02:32]我多想再见你\n[02:34]至少玩笑话还能说起\n[02:38]街巷初次落叶的秋分\n[02:41]渐行渐远去的我们\n[02:49]站台 汽笛响起\n[02:52]想念是你的声音\n[02:55]我们提着过去 走入人群\n[03:02]寻找着一个位置 安放自己\n[03:13]我多想再见你\n[03:15]哪怕匆匆一眼就别离\n[03:19]路灯下昏黄的剪影\n[03:22]越走越漫长的林径\n[03:25]我多想再见你\n[03:28]至少玩笑话还能说起\n[03:31]街巷初次落叶的秋分\n[03:35]渐行渐远去的我们\n[03:41]\n[03:43]主唱：红鼻子小黑\n[03:44]制作人：黎偌天\n[03:46]监制：李纤橙\n"
                },{
                    title: "给陌生的你听 ",
                    author: "G.G(张思源)",
                    url: "http://music.163.com/song/media/outer/url?id=562594322.mp3",
                    pic: "http://p1.music.126.net/LMPuItVrjn1Vi5c8vZZ90Q==/109951163309729098.jpg?param=300x300",
                    lrc: "[00:00.00] 作曲 : G.G(张思源）[00:01.00] 作词 : G.G(张思源）[00:05.12]编曲：刘羽晟[00:21.02]这首歌写给你听[00:22.64]我想请你闭上眼睛[00:25.28]这首可能不太动听[00:27.71]但是我有足够的用心[00:30.80]这首歌写给你听[00:33.17]我想请你闭上眼睛[00:35.76]这首可能不太动听[00:38.29]但是我有足够的用心[00:41.06]OK 你我可能还没见过[00:43.49]那就先让这首把未曾听闻给打破[00:46.19]说实话我也没有什么十足的把握[00:48.86]能让你动心再次播放这首歌[00:51.65]我只是每天独自在家不知跟谁说说话[00:54.54]所以决定问问陌生的你过得还好吗[00:57.15]你还在上学读书或是毕业工作了[00:59.86]会不会跟我一样在外偶尔想想家[01:02.62]想问你今天早餐吃了没[01:04.82]会不会好吃的让我馋嘴流口水[01:07.12]你有没有养小猫小狗在你家里住[01:09.64]尽管让人头疼却又把你给守护[01:12.23]春天的风 微微的吹[01:15.33]吹过你的美[01:17.73]春天的风 微微的吹[01:20.58]我想这首能作陪[01:23.60]这首歌写给你听[01:25.71]我想请你闭上眼睛[01:28.40]这首可能不太动听[01:30.80]但是我有足够的用心[01:33.54]这首歌写给你听[01:35.94]我想请你闭上眼睛[01:38.62]这首可能不太动听[01:41.25]但是我有足够的用心[01:43.91]对了 你是什么星座[01:46.38]你最喜欢的颜色是彩虹里的哪个[01:48.76]你有没有在夜晚见过有流星划落[01:51.48]想问问你许下最傻的愿望是什么[01:54.11]突然好奇的想 我路过了街道[01:57.46]正好这首在你耳朵里播报[02:00.04]你认不得我 你在听我不知道[02:02.64]但这种缘分真的好好好奇妙[02:05.64]想一想 都觉得奇妙[02:07.82]想一想 该如何问好[02:10.72]尽管陌生  有你真好[02:13.22]我想你知道 我想你知道[02:15.91]想一想 都觉得奇妙[02:18.44]想一想 该如何问好[02:21.19]尽管陌生  有你真好[02:23.62]我想你知道 我想你知道[02:26.28]这首歌写给你听[02:28.08]我想请你闭上眼睛[02:30.71]这首可能不太动听[02:33.32]但是我有足够的用心[02:36.14]这首歌写给你听[02:38.67]我想请你闭上眼睛[02:41.51]这首可能不太动听[02:43.85]但是...[02:47.23]这首歌写给你听[02:49.48]我想请你闭上眼睛[02:51.67]这首可能不太动听[02:54.18]但是我有足够的用心[02:56.98]这首歌写给你听[02:59.87]我想请你闭上眼睛[03:02.59]这首可能不太动听[03:05.38]但是我有足够的用心[03:09.45]混音：王路遥"
                },{
                    title: "喜欢",
                    author: "阿肆",
                    url: "http://music.163.com/song/media/outer/url?id=526464145.mp3",
                    pic: "http://p1.music.126.net/BA0bFrD0cK4YDSYublCThA==/109951163093942268.jpg?param=300x300",
                    lrc: "[00:00.00] 作曲 : 阿肆[00:00.33] 作词 : 阿肆[00:00.100]编曲：YOCHO／姚源[00:01.150]扛住了 柴米油盐的麻烦[00:04.150]扛住了 朋友聚会的调侃[00:07.640]扛住了 世俗生活的刁难[00:10.970]却扛不住[00:12.820]对你的喜欢[00:14.500][00:16.000]亦步亦趋随你至深不可测[00:18.680]患得患失唯恐你杳不可得[00:24.970]却只面不改色[00:27.110]为你我认了[00:27.970][00:29.220]一朝一夕使我已固不可彻[00:32.480]若即若离本应是罪不可赦[00:38.550]怎不忍心怪你[00:40.660]对我太独特[00:45.020]无时无刻[00:48.490]像是一首无法停止单曲循环的无名歌[00:54.860][00:55.200]扛住了[00:56.300]柴米油盐的麻烦[00:58.870]扛住了[00:59.570]朋友聚会的调侃[01:02.420]扛住了[01:02.680]世俗生活的刁难[01:05.760]却扛不住[01:07.660]对你的喜欢[01:08.850][01:09.360]躲过了[01:10.030]世界末日的灾难[01:12.670]明白了[01:13.200]生命是千金不换[01:16.260]躲过了[01:16.790]大悲狂喜的极端[01:19.640]却躲不过[01:21.430]对你的喜欢[01:27.110][01:29.330][01:37.890]亦步亦趋随你至深不可测[01:41.210]患得患失唯恐你杳不可得[01:47.140]却只面不改色[01:49.590]为你我认了[01:50.860][01:51.500]一朝一夕使我已固不可彻[01:54.760]若即若离本应是罪不可赦[02:00.920]怎不忍心怪你[02:02.960]对我太独特[02:05.630][02:07.440]无时无刻[02:10.910]像是一首无法停止单曲循环的无名歌[02:17.040][02:17.370]扛住了[02:18.600]柴米油盐的麻烦[02:21.230]扛住了[02:21.910]朋友聚会的调侃[02:24.760]扛住了[02:25.280]世俗生活的刁难[02:28.250]却扛不住[02:29.940]对你的喜欢[02:31.330][02:31.700]躲过了[02:33.020]世界末日的灾难[02:35.110]明白了[02:35.700]生命是千金不换[02:38.430]躲过了[02:39.090]大悲狂喜的极端[02:41.990]却躲不过[02:43.680]对你的喜欢[02:45.560][02:46.560]看累了喜新厌旧[02:47.890]看累了随波逐流[02:49.660]看累了长厢厮守[02:51.380]却还没把你看透[02:53.080]看破了恩怨情仇[02:54.810]看破了蓦然回首[02:56.430]看破了从今以后[02:58.230]却始终被你左右[03:00.410][03:05.530]扛住了[03:06.560]柴米油盐的麻烦[03:09.350]扛住了[03:09.800]朋友聚会的调侃[03:12.750]扛住了[03:13.400]世俗生活的刁难[03:16.060]却扛不住[03:17.950]对你的喜欢[03:19.370][03:19.680]躲过了[03:20.360]世界末日的灾难[03:23.090]明白了[03:23.700]真心是千金不换[03:26.510]躲过了[03:26.960]大悲狂喜的极端[03:29.940]却躲不过[03:31.800]对你的喜欢[03:33.130][03:35.500]对你的喜欢[03:38.680]对你的喜欢[03:42.050]对你的喜欢[03:45.520]对你的喜欢[03:46.870][03:48.960]对你越喜欢[03:52.410]让我越难堪[03:55.980]然而再难堪[03:59.240]我依然[04:00.580]喜欢[04:01.600][04:02.350]混音：YOCHO[04:03.190]键盘：张伟[04:04.040]"
                },{
                    title: "爱你",
                    author: "陈芳语",
                    url: "http://music.163.com/song/media/outer/url?id=22852057.mp3",
                    pic: "http://p1.music.126.net/0Xvz_4oS4YLCvWtQcXU05Q==/17867063951755098.jpg?param=300x300",
                    lrc: "[00:00.00] 作曲 : Skot Suyama 陶山[00:01.00] 作词 : 黄祖荫[00:06.700]我闭上眼睛 贴着你心跳呼吸[00:13.130]而此刻地球 只剩我们而已[00:18.590][00:19.830]你微笑的唇型 总勾着我的心[00:26.460]每一秒初吻 我每一秒都想要吻你[00:34.660][00:35.670]就这样爱你 爱你 爱你 随时都要一起[00:42.300]我喜欢 爱你 外套 味道 还有你的怀里[00:48.960]把我们 衣服纽扣互扣 那就不用分离[00:55.180][00:56.480]美好爱情 我就爱这样贴近[01:02.440]因为你[01:05.910][01:16.990]有时没生气 故意闹脾气[01:23.180]你的紧张在意 让我觉得安心[01:29.110][01:29.830]从你某个角度 我总看见自己[01:36.550]到底你懂我 或其实我本来就像你[01:44.880][01:45.660]就这样爱你 爱你 爱你 随时都要一起[01:52.290]我喜欢 爱你 外套 味道 还有你的怀里[01:59.000]把我们 衣服纽扣互扣 那就不用分离[02:05.290][02:06.520]美好爱情 我就爱这样贴近[02:12.360]因为你[02:15.220][02:18.150]想变成你的氧气[02:22.580][02:24.830]溜进你身体里 好好看看在你心里[02:35.730][02:38.290]你有多么宝贝[02:41.410][02:42.700]就这样爱你 爱你 爱你 随时都要一起[02:49.050]我喜欢 爱你 外套 味道 还有你的怀里[02:55.650]把我们 衣服纽扣互扣 那就不用分离[03:02.790][03:03.320]美好爱情 我就爱这样贴近 因为你[03:10.320]我们爱情会一直没有距离 最美丽[03:19.980]"
                },{
                    title: "后来",
                    author: "刘若英",
                    url: "http://music.163.com/song/media/outer/url?id=254574.mp3",
                    pic: "http://p1.music.126.net/eBF7bHnJYBUfOFrJ_7SUfw==/109951163351825356.jpg?param=300x300",
                    lrc: "[by:立酱][00:00.00] 作曲 : 玉城千春[00:00.522] 作词 : 施人诚[00:01.567]编曲：王继康[00:02.671][00:02.681]录音工程师：周建平 & Peter Chong (MAL)[00:02.781]混音工程师：王晋溢[00:02.881]录音室：捷奏 & Synchrosound (MAL)[00:02.981]混音室：白金[00:03.111]吉他：Jamie Wilson[00:03.222]和声编写：光良[00:03.333]和声：梁静茹[00:03.444]OP: Victor Music Publishing Co., Ltd.[00:03.555]ISRC TW-A45-99-62502[00:04.666][00:05.777][00:08.998][00:12.571]后来 我总算学会了如何去爱[00:19.303]可惜你早已远去消失在人海[00:25.238]后来终于在眼泪中明白[00:32.064]有些人一旦错过就不再[00:39.800]桅子花 白花瓣[00:46.027]落在我蓝色百褶裙上[00:51.763]爱你 你轻声说[00:58.844]我低下头 闻见一阵芬芳[01:05.371]那个永恒的夜晚[01:09.341]十七岁仲夏[01:12.104]你吻我的那个夜晚[01:18.232]让我往后的时光[01:21.749]每当有感叹[01:24.862]总想起当天的星光[01:30.992]那时候的爱情[01:37.422]为什么就能那样简单[01:42.493]而又是为什么 人年少时[01:50.179]一定要让深爱的人受伤[01:56.301]在这相似的深夜里[02:00.566]你是否一样 也在静静追悔感伤[02:09.350]如果当时我们能[02:13.015]不那么倔强[02:16.079]现在也 不那么遗憾[02:21.053]你都如何回忆我[02:24.014]带着笑或是很沉默[02:27.231]这些年来[02:28.837]有没有人能让你不寂寞[02:33.455]后来 我总算学会了如何去爱[02:40.238]可惜你早已远去消失在人海[02:46.318]后来终于在眼泪中明白[02:53.042]有些人一旦错过就不再[02:59.120][03:25.379]你都如何回忆我[03:28.132]带着笑或是很沉默[03:31.296]这些年来[03:32.953]有没有人能让你不寂寞[03:37.523]后来[03:39.530]我总算学会了如何去爱[03:44.301]可惜你早已远去消失在人海[03:50.174]后来终于在眼泪中明白[03:57.104]有些人一旦错过就不再[04:03.136]后来 我总算学会了如何去爱[04:09.965]可惜你早已远去消失在人海[04:15.937]后来终于在眼泪中明白[04:22.771]有些人一旦错过就不再[04:29.598]永远不会再重来[04:35.510]有一个男孩爱着那个女孩"
                },{
                        title: "海阔天空",
                        author: "Beyond",
                        url: "http://music.163.com/song/media/outer/url?id=400162138.mp3",
                        pic: "http://p1.music.126.net/a9oLdcFPhqQyuouJzG2mAQ==/3273246124149810.jpg?param=300x300",
                        lrc: "[00:00.00] 作曲 : 黄家驹[00:01.00] 作词 : 黄家驹[00:17.88]今天我[00:21.27]寒夜里看雪飘过[00:24.34]怀著冷却了的心窝飘远方[00:30.18]风雨里追赶[00:33.36]雾里分不清影踪[00:36.42]天空海阔你与我[00:39.38]可会变 (三子:谁没在变)[00:42.86]多少次[00:45.97]迎著冷眼与嘲笑[00:49.22]从没有放弃过心中的理想[00:55.11]一刹那恍惚[00:58.34]若有所失的感觉[01:01.48]不知不觉已变淡[01:04.46]心里爱 (三子:谁明白我)[01:08.17]原谅我这一生不羁放纵爱自由[01:14.79]也会怕有一天会跌倒 Hoo No[01:21.20]背弃了理想[01:23.42]谁人都可以[01:26.98]那会怕有一天只你共我[01:41.84]今天我[01:45.44]寒夜里看雪飘过[01:48.79]怀著冷却了的心窝飘远方[01:53.99]风雨里追赶[01:57.76]雾里分不清影踪[02:00.89]天空海阔你与我[02:03.87]可会变 (三子:谁没在变)[02:07.22]原谅我这一生不羁放纵爱自由[02:14.0]也会怕有一天会跌倒 Hoo No[02:20.56]背弃了理想[02:22.77]谁人都可以[02:26.61]那会怕有一天只你共我 Oh Yeah[03:07.24]仍然自由自我[03:10.96]永远高唱我歌[03:14.34]走遍千里[03:18.61]原谅我这一生不羁放纵爱自由[03:24.86]也会怕有一天会跌倒 Hoo No[03:31.52]背弃了理想[03:33.86]谁人都可以[03:37.20]那会怕有一天只你共我[03:44.5]背弃了理想[03:46.86]谁人都可以[03:50.66]那会怕有一天只你共我 Oh Yeah[03:56.77](三子：)原谅我这一生不羁放纵爱自由 (Oh Yeah)[04:03.58]也会怕有一天会跌倒 (Oh…)[04:08.77]背弃了理想[04:11.81]谁人都可以 (Woo…)[04:15.70]那会怕有一天只你共我"
                    }]
            });
            zp3.init();
            
            $(".zlrc").hide();
        });

    </script>
</musicplay>
<!--音乐播放器end-->

<div th:fragment="highlight-css">
    <link rel="stylesheet" th:href="@{/front/plugin/hightlight/xcode.css}"/>
</div>
<div th:fragment="highlight-js">
    <script th:src="@{/front/plugin/hightlight/highlight.pack.js}"></script>
    <script>hljs.initHighlightingOnLoad();</script>
</div>

<div th:fragment="sidebar-css">
    <link rel="stylesheet" th:href="@{/css/king/sidebar/common.css?v=12}"/>
</div>
</html>
